<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>表单页面</title>
    <link rel="stylesheet" href="/static/component/pear/css/pear.css" />
    <style>
        .title-a {
            width: 220px;
            font-weight: bold;
            text-align: right;
            font-family: emoji;

        }

        .title-b {
            text-align: left;
            color:#1477e0;
            width: 150px;
        }
        .s-title{
            margin-right: 10px;
            margin-bottom:10px;
            display: inline-block;
            width: 250px;
        }
        .a-title{
            
        }
        .b-title{
            color:#1477e0;
        }

    </style>
</head>

<body>
   
    <div class="mainBox">

            <hr class="layui-border-green">
            <div style="padding: 10px 20px;"><font style="font-weight: 800;">检测详情</font></div>
                    <div class="cloud-card-component">
                        <div class="layui-row layui-col-space30">
                            <!-- -->
                           
                            <div  
                                class="layui-col-md2 ew-datagrid-item "  onclick="cardTableCheckedCard(this)" style="    margin-right: 10px;" data-index="0" data-number="1">
                                <div class="project-list-item">
                                    <div class="project-list-item-body">
                                        <div class="project-list-item-text layui-text" style="height: unset!important">
                                            基本信息
                                            <hr>
                                            {volist name="$arr.basic" id="vo"}
                                            <div><span class="title-a">{$vo.key}：</span><span class="title-b">{$vo.value}</span></div>
                                            {/volist}

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div  
                            class="layui-col-md2 ew-datagrid-item "  onclick="cardTableCheckedCard(this)" style="    margin-right: 10px;" data-index="0" data-number="1">
                                <div class="project-list-item">
                                    <div class="project-list-item-body">
                                        <div class="project-list-item-text layui-text" style="height: unset!important">
                                            报告综述
                                            <hr>
                                            {volist name="$arr.repzshu" id="vo"}
                                            <div><span class="title-a">{$vo.key}：</span><span class="title-b">{$vo.value}</span></div>
                                            {/volist}

                                        </div>
                                    </div>
                                </div>
                                </div>
                                <div  
                                class="layui-col-md2 ew-datagrid-item "  onclick="cardTableCheckedCard(this)" style="    margin-right: 10px;" data-index="0" data-number="1">
                                <div class="project-list-item">
                                    <div class="project-list-item-body">
                                        <div class="project-list-item-text layui-text" style="height: unset!important">
                                            报告详情
                                            <hr>
                                            {volist name="$arr.repdetails" id="vo"}
                                            <div><span class="title-a">{$vo.key}：</span><span class="title-b">{$vo.value}</span></div>
                                            {/volist}

                                        </div>
                                    </div>
                                </div>
                                </div>
                                <div  
                                class="layui-col-md2 ew-datagrid-item "  onclick="cardTableCheckedCard(this)" style="    margin-right: 10px;" data-index="0" data-number="1">
                                <div class="project-list-item">
                                    <div class="project-list-item-body">
                                        <div class="project-list-item-text layui-text" style="height: unset!important">
                                            社交风险
                                            <hr>
                                            {volist name="$arr.x_sjll" id="vo"}
                                            <div><span class="title-a">{$vo.key}：</span><span class="title-b">{$vo.value}</span></div>
                                            {/volist}

                                        </div>
                                    </div>
                                </div>
                                </div>
                                <div  
                                class="layui-col-md2 ew-datagrid-item "  onclick="cardTableCheckedCard(this)" style="    margin-right: 10px;" data-index="0" data-number="1">
                                <div class="project-list-item">
                                    <div class="project-list-item-body">
                                        <div class="project-list-item-text layui-text" style="height: unset!important">
                                            身份特征
                                            <hr>
                                            {volist name="$arr.x_lyue" id="vo"}
                                            <div><span class="title-a">{$vo.key}：</span><span class="title-b">{$vo.value}</span></div>
                                            {/volist}

                                        </div>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
              
                </div>





                


    </div>
 
    <script src="/static/user/js/jquery.min.js"></script>
    <script src="/static/component/layui/layui.js"></script>
    <script src="/static/component/pear/pear.js"></script>
    <script src="/static/user/js/jquery-ui.min.js"></script>

    <script>
         
        function cardTableCheckedCard(item){
            $(".ew-datagrid-item").removeClass("layui-table-click");
            $(item).addClass("layui-table-click");
        }
    </script>
    {include file="base/unitjs"}
</body>

</html>